<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="./img/tou01.jpg" alt="">
		<button id="btn1">获取图像</button>
		<button id="btn2">修改图像</button>
		<button id="btn3">删除图像Src属性</button>
		<div>
			图像地址：<span id="imgSrc"></span>
		</div>
	</body>
	<script src="js/jquery.3.6.3.js"></script>
	<script>
		//获取属性
		$("#btn1").click(function(){
			//获取img元素的src属性的值
			let srcVal = $("img").attr("src");
			$("#imgSrc").text(srcVal);
		})
		
		//设置属性
		$("#btn2").click(function(){
			//修改img元素的src属性的值
			$("img").attr("src","./img/tou02.jpg");
		})
		//删除属性
		$("#btn3").click(function(){
			//删除
			$("img").removeAttr("src");
		})
		
	</script>
</html>